﻿<!DOCTYPE html>
<html>
  <head>
    <title>滑动输入条 Slider</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/滑动输入条_slider/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/滑动输入条_slider/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u8768" class="ax_default" data-label="背景">
        <div id="u8768_state0" class="panel_state" data-label="State1" style="">
          <div id="u8768_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u8769" class="ax_default" data-label="线条">
        <div id="u8769_state0" class="panel_state" data-label="State1" style="">
          <div id="u8769_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8770" class="ax_default _默认样式">
        <div id="u8770_div" class=""></div>
        <div id="u8770_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8771" class="ax_default _默认样式">
        <div id="u8771_div" class=""></div>
        <div id="u8771_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u8773" class="ax_default _默认样式">
        <img id="u8773_img" class="img " src="images/___icons/u605.png"/>
        <div id="u8773_text" class="text ">
          <p><span>Copyright © </span><a id="u8774" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8775" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="90">

        <!-- Unnamed (Rectangle) -->
        <div id="u8776" class="ax_default _默认样式">
          <div id="u8776_div" class=""></div>
          <div id="u8776_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">滑动输入器，用于在数值区间/自定义区间内进行选择，支持连续或离散值。提供了动态及静态的元件示例，可根据需要选择使用。</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8777" class="ax_default _默认样式">
          <div id="u8777_div" class=""></div>
          <div id="u8777_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8778" class="ax_default _默认样式">
        <div id="u8778_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8779" class="ax_default _默认样式">
        <div id="u8779_div" class=""></div>
        <div id="u8779_text" class="text ">
          <p><span>静态滑动输入条 </span></p>
        </div>
      </div>

      <!-- 滑动输入条 (Group) -->
      <div id="u8780" class="ax_default" data-label="滑动输入条" data-left="270" data-top="292" data-width="600" data-height="20">

        <!-- 灰色背景 (Rectangle) -->
        <div id="u8781" class="ax_default _形状" data-label="灰色背景">
          <div id="u8781_div" class=""></div>
        </div>

        <!-- 有色背景 (Rectangle) -->
        <div id="u8782" class="ax_default _默认样式" data-label="有色背景">
          <div id="u8782_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8783" class="ax_default _默认样式">
          <div id="u8783_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8784" class="ax_default _默认样式">
        <div id="u8784_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8785" class="ax_default _默认样式">
        <div id="u8785_div" class=""></div>
        <div id="u8785_text" class="text ">
          <p><span>动态滑动输入条 </span></p>
        </div>
      </div>

      <!-- 滑动输入条 (Dynamic Panel) -->
      <div id="u8786" class="ax_default" data-label="滑动输入条">
        <div id="u8786_state0" class="panel_state" data-label="State1" style="">
          <div id="u8786_state0_content" class="panel_state_content">

            <!-- 滑动区域 (Dynamic Panel) -->
            <div id="u8787" class="ax_default" data-label="滑动区域">
              <div id="u8787_state0" class="panel_state" data-label="State1" style="">
                <div id="u8787_state0_content" class="panel_state_content">

                  <!-- 灰色背景 (Rectangle) -->
                  <div id="u8788" class="ax_default _默认样式" data-label="灰色背景">
                    <div id="u8788_div" class=""></div>
                  </div>

                  <!-- 背景线条 (Dynamic Panel) -->
                  <div id="u8789" class="ax_default" data-label="背景线条">
                    <div id="u8789_state0" class="panel_state" data-label="State1" style="">
                      <div id="u8789_state0_content" class="panel_state_content">

                        <!-- 有色背景 (Rectangle) -->
                        <div id="u8790" class="ax_default _默认样式" data-label="有色背景">
                          <div id="u8790_div" class=""></div>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- 滑块 (Dynamic Panel) -->
                  <div id="u8791" class="ax_default" data-label="滑块">
                    <div id="u8791_state0" class="panel_state" data-label="1" style="">
                      <div id="u8791_state0_content" class="panel_state_content">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8792" class="ax_default _默认样式">
                          <div id="u8792_div" class=""></div>
                          <div id="u8792_text" class="text ">
                            <p><span>&nbsp; </span></p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 数值 (Rectangle) -->
            <div id="u8793" class="ax_default _默认样式" data-label="数值">
              <img id="u8793_img" class="img " src="images/滑动输入条_slider/数值_u8793.png"/>
              <div id="u8793_text" class="text ">
                <p><span>10000</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8794" class="ax_default _默认样式">
              <div id="u8794_div" class=""></div>
              <div id="u8794_text" class="text ">
                <p><span>5000</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8795" class="ax_default _默认样式">
              <div id="u8795_div" class=""></div>
              <div id="u8795_text" class="text ">
                <p><span>10000</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 滑动输入条 (Dynamic Panel) -->
      <div id="u8796" class="ax_default" data-label="滑动输入条">
        <div id="u8796_state0" class="panel_state" data-label="State1" style="">
          <div id="u8796_state0_content" class="panel_state_content">

            <!-- 滑动区域 (Dynamic Panel) -->
            <div id="u8797" class="ax_default" data-label="滑动区域">
              <div id="u8797_state0" class="panel_state" data-label="State1" style="">
                <div id="u8797_state0_content" class="panel_state_content">

                  <!-- 灰色背景 (Rectangle) -->
                  <div id="u8798" class="ax_default _默认样式" data-label="灰色背景">
                    <div id="u8798_div" class=""></div>
                  </div>

                  <!-- 背景线条 (Dynamic Panel) -->
                  <div id="u8799" class="ax_default" data-label="背景线条">
                    <div id="u8799_state0" class="panel_state" data-label="State1" style="">
                      <div id="u8799_state0_content" class="panel_state_content">

                        <!-- 有色背景 (Rectangle) -->
                        <div id="u8800" class="ax_default _默认样式" data-label="有色背景">
                          <div id="u8800_div" class=""></div>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- 滑块 (Dynamic Panel) -->
                  <div id="u8801" class="ax_default" data-label="滑块">
                    <div id="u8801_state0" class="panel_state" data-label="1" style="">
                      <div id="u8801_state0_content" class="panel_state_content">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8802" class="ax_default _默认样式">
                          <div id="u8802_div" class=""></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 数值 (Speech Bubble) -->
            <div id="u8803" class="ax_default _默认样式 ax_default_hidden" data-label="数值" style="display:none; visibility: hidden">
              <img id="u8803_img" class="img " src="images/滑动输入条_slider/数值_u8803.png"/>
              <div id="u8803_text" class="text ">
                <p><span>100</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 滑动输入条 (Dynamic Panel) -->
      <div id="u8804" class="ax_default" data-label="滑动输入条">
        <div id="u8804_state0" class="panel_state" data-label="State1" style="">
          <div id="u8804_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8805" class="ax_default _默认样式">
              <div id="u8805_div" class=""></div>
              <div id="u8805_text" class="text ">
                <p><span>1000</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8806" class="ax_default _默认样式">
              <div id="u8806_div" class=""></div>
              <div id="u8806_text" class="text ">
                <p><span>5000</span></p>
              </div>
            </div>

            <!-- 滑动区域 (Dynamic Panel) -->
            <div id="u8807" class="ax_default" data-label="滑动区域">
              <div id="u8807_state0" class="panel_state" data-label="State1" style="">
                <div id="u8807_state0_content" class="panel_state_content">

                  <!-- 灰色背景 (Rectangle) -->
                  <div id="u8808" class="ax_default _默认样式" data-label="灰色背景">
                    <div id="u8808_div" class=""></div>
                  </div>

                  <!-- 背景线条 (Dynamic Panel) -->
                  <div id="u8809" class="ax_default" data-label="背景线条">
                    <div id="u8809_state0" class="panel_state" data-label="State1" style="">
                      <div id="u8809_state0_content" class="panel_state_content">

                        <!-- 有色背景 (Rectangle) -->
                        <div id="u8810" class="ax_default _默认样式" data-label="有色背景">
                          <div id="u8810_div" class=""></div>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- 滑块 (Dynamic Panel) -->
                  <div id="u8811" class="ax_default" data-label="滑块">
                    <div id="u8811_state0" class="panel_state" data-label="State1" style="">
                      <div id="u8811_state0_content" class="panel_state_content">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8812" class="ax_default _默认样式">
                          <div id="u8812_div" class=""></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 数值 (Dynamic Panel) -->
            <div id="u8813" class="ax_default" data-label="数值">
              <div id="u8813_state0" class="panel_state" data-label="1" style="">
                <div id="u8813_state0_content" class="panel_state_content">

                  <!-- 数值1 (Speech Bubble) -->
                  <div id="u8814" class="ax_default _默认样式" data-label="数值1">
                    <img id="u8814_img" class="img " src="images/滑动输入条_slider/数值1_u8814.png"/>
                    <div id="u8814_text" class="text ">
                      <p><span>5000元</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u8813_state1" class="panel_state" data-label="2" style="visibility: hidden;">
                <div id="u8813_state1_content" class="panel_state_content">

                  <!-- 数值2 (Speech Bubble) -->
                  <div id="u8815" class="ax_default _默认样式" data-label="数值2">
                    <img id="u8815_img" class="img " src="images/滑动输入条_slider/数值2_u8815.png"/>
                    <div id="u8815_text" class="text ">
                      <p><span>5000元</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 滑动输入条 (Dynamic Panel) -->
      <div id="u8816" class="ax_default" data-label="滑动输入条">
        <div id="u8816_state0" class="panel_state" data-label="State1" style="">
          <div id="u8816_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8817" class="ax_default _默认样式">
              <div id="u8817_div" class=""></div>
              <div id="u8817_text" class="text ">
                <p><span>15</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8818" class="ax_default _默认样式">
              <div id="u8818_div" class=""></div>
              <div id="u8818_text" class="text ">
                <p><span>45</span></p>
              </div>
            </div>

            <!-- 滑动区域 (Dynamic Panel) -->
            <div id="u8819" class="ax_default" data-label="滑动区域">
              <div id="u8819_state0" class="panel_state" data-label="State1" style="">
                <div id="u8819_state0_content" class="panel_state_content">

                  <!-- 灰色背景 (Rectangle) -->
                  <div id="u8820" class="ax_default _默认样式" data-label="灰色背景">
                    <div id="u8820_div" class=""></div>
                  </div>

                  <!-- 背景线条 (Dynamic Panel) -->
                  <div id="u8821" class="ax_default" data-label="背景线条">
                    <div id="u8821_state0" class="panel_state" data-label="State1" style="">
                      <div id="u8821_state0_content" class="panel_state_content">

                        <!-- 有色背景 (Rectangle) -->
                        <div id="u8822" class="ax_default _默认样式" data-label="有色背景">
                          <div id="u8822_div" class=""></div>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- 滑块 (Dynamic Panel) -->
                  <div id="u8823" class="ax_default" data-label="滑块">
                    <div id="u8823_state0" class="panel_state" data-label="State1" style="">
                      <div id="u8823_state0_content" class="panel_state_content">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8824" class="ax_default _默认样式">
                          <div id="u8824_div" class=""></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 数值 (Dynamic Panel) -->
            <div id="u8825" class="ax_default" data-label="数值">
              <div id="u8825_state0" class="panel_state" data-label="1" style="">
                <div id="u8825_state0_content" class="panel_state_content">

                  <!-- 数值1 (Speech Bubble) -->
                  <div id="u8826" class="ax_default _默认样式" data-label="数值1">
                    <img id="u8826_img" class="img " src="images/滑动输入条_slider/数值1_u8814.png"/>
                    <div id="u8826_text" class="text ">
                      <p><span>45天</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u8825_state1" class="panel_state" data-label="2" style="visibility: hidden;">
                <div id="u8825_state1_content" class="panel_state_content">

                  <!-- 数值2 (Speech Bubble) -->
                  <div id="u8827" class="ax_default _默认样式" data-label="数值2">
                    <img id="u8827_img" class="img " src="images/滑动输入条_slider/数值2_u8815.png"/>
                    <div id="u8827_text" class="text ">
                      <p><span>45天</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 滑动输入条 (Dynamic Panel) -->
      <div id="u8828" class="ax_default" data-label="滑动输入条">
        <div id="u8828_state0" class="panel_state" data-label="State1" style="">
          <div id="u8828_state0_content" class="panel_state_content">

            <!-- 滑动区域 (Dynamic Panel) -->
            <div id="u8829" class="ax_default" data-label="滑动区域">
              <div id="u8829_state0" class="panel_state" data-label="State1" style="">
                <div id="u8829_state0_content" class="panel_state_content">

                  <!-- 灰色背景 (Rectangle) -->
                  <div id="u8830" class="ax_default _默认样式" data-label="灰色背景">
                    <div id="u8830_div" class=""></div>
                  </div>

                  <!-- 背景线条 (Rectangle) -->
                  <div id="u8831" class="ax_default _默认样式" data-label="背景线条">
                    <div id="u8831_div" class=""></div>
                  </div>

                  <!-- 滑块2 (Dynamic Panel) -->
                  <div id="u8832" class="ax_default" data-label="滑块2">
                    <div id="u8832_state0" class="panel_state" data-label="State1" style="">
                      <div id="u8832_state0_content" class="panel_state_content">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8833" class="ax_default _默认样式">
                          <div id="u8833_div" class=""></div>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- 滑块1 (Dynamic Panel) -->
                  <div id="u8834" class="ax_default" data-label="滑块1">
                    <div id="u8834_state0" class="panel_state" data-label="State1" style="">
                      <div id="u8834_state0_content" class="panel_state_content">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8835" class="ax_default _默认样式">
                          <div id="u8835_div" class=""></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 数值2 (Dynamic Panel) -->
            <div id="u8836" class="ax_default" data-label="数值2">
              <div id="u8836_state0" class="panel_state" data-label="1" style="">
                <div id="u8836_state0_content" class="panel_state_content">

                  <!-- 数值1 (Speech Bubble) -->
                  <div id="u8837" class="ax_default _默认样式" data-label="数值1">
                    <img id="u8837_img" class="img " src="images/滑动输入条_slider/数值1_u8837.png"/>
                    <div id="u8837_text" class="text ">
                      <p><span>10000元</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 数值1 (Dynamic Panel) -->
            <div id="u8838" class="ax_default" data-label="数值1">
              <div id="u8838_state0" class="panel_state" data-label="1" style="">
                <div id="u8838_state0_content" class="panel_state_content">

                  <!-- 数值1 (Shape) -->
                  <div id="u8839" class="ax_default _默认样式" data-label="数值1">
                    <img id="u8839_img" class="img " src="images/滑动输入条_slider/数值1_u8839.png"/>
                    <div id="u8839_text" class="text ">
                      <p><span>5000元</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 滑动输入条 (Dynamic Panel) -->
      <div id="u8840" class="ax_default" data-label="滑动输入条">
        <div id="u8840_state0" class="panel_state" data-label="State1" style="">
          <div id="u8840_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8841" class="ax_default _默认样式">
              <div id="u8841_div" class=""></div>
              <div id="u8841_text" class="text ">
                <p><span>3</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8842" class="ax_default _默认样式">
              <div id="u8842_div" class=""></div>
              <div id="u8842_text" class="text ">
                <p><span>12</span></p>
              </div>
            </div>

            <!-- 灰色背景 (Rectangle) -->
            <div id="u8843" class="ax_default _默认样式" data-label="灰色背景">
              <div id="u8843_div" class=""></div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8844" class="ax_default _默认样式">
              <div id="u8844_div" class=""></div>
              <div id="u8844_text" class="text ">
                <p><span>6</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8845" class="ax_default _默认样式">
              <div id="u8845_div" class=""></div>
              <div id="u8845_text" class="text ">
                <p><span>9</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8846" class="ax_default _默认样式">
              <div id="u8846_div" class=""></div>
              <div id="u8846_text" class="text ">
                <p><span>24</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8847" class="ax_default _默认样式">
              <div id="u8847_div" class=""></div>
              <div id="u8847_text" class="text ">
                <p><span>18</span></p>
              </div>
            </div>

            <!-- 浮点1 (Ellipse) -->
            <div id="u8848" class="ax_default _默认样式" data-label="浮点1">
              <img id="u8848_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
            </div>

            <!-- 浮点3 (Ellipse) -->
            <div id="u8849" class="ax_default _默认样式" data-label="浮点3">
              <img id="u8849_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
            </div>

            <!-- 浮点2 (Ellipse) -->
            <div id="u8850" class="ax_default _默认样式" data-label="浮点2">
              <img id="u8850_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
            </div>

            <!-- 浮点4 (Ellipse) -->
            <div id="u8851" class="ax_default _默认样式" data-label="浮点4">
              <img id="u8851_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
            </div>

            <!-- 浮点5 (Ellipse) -->
            <div id="u8852" class="ax_default _默认样式" data-label="浮点5">
              <img id="u8852_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
            </div>

            <!-- 浮点6 (Ellipse) -->
            <div id="u8853" class="ax_default _默认样式" data-label="浮点6">
              <img id="u8853_img" class="img " src="images/滑动输入条_slider/浮点6_u8853.png"/>
            </div>

            <!-- 滑块 (Dynamic Panel) -->
            <div id="u8854" class="ax_default" data-label="滑块">
              <div id="u8854_state0" class="panel_state" data-label="State1" style="">
                <div id="u8854_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8855" class="ax_default _默认样式">
                    <div id="u8855_div" class=""></div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 数值 (Dynamic Panel) -->
            <div id="u8856" class="ax_default" data-label="数值">
              <div id="u8856_state0" class="panel_state" data-label="1" style="">
                <div id="u8856_state0_content" class="panel_state_content">

                  <!-- 数值1 (Speech Bubble) -->
                  <div id="u8857" class="ax_default _形状" data-label="数值1">
                    <img id="u8857_img" class="img " src="images/滑动输入条_slider/数值1_u8857.png"/>
                    <div id="u8857_text" class="text ">
                      <p><span>24期</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u8856_state1" class="panel_state" data-label="2" style="visibility: hidden;">
                <div id="u8856_state1_content" class="panel_state_content">

                  <!-- 数值2 (Speech Bubble) -->
                  <div id="u8858" class="ax_default _形状" data-label="数值2">
                    <img id="u8858_img" class="img " src="images/滑动输入条_slider/数值2_u8858.png"/>
                    <div id="u8858_text" class="text ">
                      <p><span>24期</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 滑动输入条 (Dynamic Panel) -->
      <div id="u8859" class="ax_default" data-label="滑动输入条">
        <div id="u8859_state0" class="panel_state" data-label="State1" style="">
          <div id="u8859_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8860" class="ax_default _默认样式">
              <div id="u8860_div" class=""></div>
              <div id="u8860_text" class="text ">
                <p><span>3</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8861" class="ax_default _默认样式">
              <div id="u8861_div" class=""></div>
              <div id="u8861_text" class="text ">
                <p><span>12</span></p>
              </div>
            </div>

            <!-- 灰色背景 (Rectangle) -->
            <div id="u8862" class="ax_default _默认样式" data-label="灰色背景">
              <div id="u8862_div" class=""></div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8863" class="ax_default _默认样式">
              <div id="u8863_div" class=""></div>
              <div id="u8863_text" class="text ">
                <p><span>6</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8864" class="ax_default _默认样式">
              <div id="u8864_div" class=""></div>
              <div id="u8864_text" class="text ">
                <p><span>9</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8865" class="ax_default _默认样式">
              <div id="u8865_div" class=""></div>
              <div id="u8865_text" class="text ">
                <p><span>24</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8866" class="ax_default _默认样式">
              <div id="u8866_div" class=""></div>
              <div id="u8866_text" class="text ">
                <p><span>18</span></p>
              </div>
            </div>

            <!-- 浮点1 (Ellipse) -->
            <div id="u8867" class="ax_default ellipse" data-label="浮点1">
              <img id="u8867_img" class="img " src="images/滑动输入条_slider/浮点6_u8853.png"/>
            </div>

            <!-- 浮点3 (Ellipse) -->
            <div id="u8868" class="ax_default ellipse" data-label="浮点3">
              <img id="u8868_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
            </div>

            <!-- 浮点2 (Ellipse) -->
            <div id="u8869" class="ax_default ellipse" data-label="浮点2">
              <img id="u8869_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
            </div>

            <!-- 浮点4 (Ellipse) -->
            <div id="u8870" class="ax_default ellipse" data-label="浮点4">
              <img id="u8870_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
            </div>

            <!-- 浮点5 (Ellipse) -->
            <div id="u8871" class="ax_default ellipse" data-label="浮点5">
              <img id="u8871_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
            </div>

            <!-- 浮点6 (Ellipse) -->
            <div id="u8872" class="ax_default ellipse" data-label="浮点6">
              <img id="u8872_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
            </div>

            <!-- 遮罩 (Rectangle) -->
            <div id="u8873" class="ax_default _默认样式" data-label="遮罩">
              <div id="u8873_div" class=""></div>
            </div>

            <!-- 背景线条 (Dynamic Panel) -->
            <div id="u8874" class="ax_default" data-label="背景线条">
              <div id="u8874_state0" class="panel_state" data-label="State1" style="">
                <div id="u8874_state0_content" class="panel_state_content">

                  <!-- 有色背景 (Rectangle) -->
                  <div id="u8875" class="ax_default _默认样式" data-label="有色背景">
                    <div id="u8875_div" class=""></div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 滑块 (Dynamic Panel) -->
            <div id="u8876" class="ax_default" data-label="滑块">
              <div id="u8876_state0" class="panel_state" data-label="State1" style="">
                <div id="u8876_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8877" class="ax_default _默认样式">
                    <div id="u8877_div" class=""></div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 数值 (Dynamic Panel) -->
            <div id="u8878" class="ax_default" data-label="数值">
              <div id="u8878_state0" class="panel_state" data-label="1" style="">
                <div id="u8878_state0_content" class="panel_state_content">

                  <!-- 数值1 (Speech Bubble) -->
                  <div id="u8879" class="ax_default _形状" data-label="数值1">
                    <img id="u8879_img" class="img " src="images/滑动输入条_slider/数值1_u8857.png"/>
                    <div id="u8879_text" class="text ">
                      <p><span>24期</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u8878_state1" class="panel_state" data-label="2" style="visibility: hidden;">
                <div id="u8878_state1_content" class="panel_state_content">

                  <!-- 数值2 (Speech Bubble) -->
                  <div id="u8880" class="ax_default _形状" data-label="数值2">
                    <img id="u8880_img" class="img " src="images/滑动输入条_slider/数值2_u8858.png"/>
                    <div id="u8880_text" class="text ">
                      <p><span>24期</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 滑动输入条 (Group) -->
      <div id="u8881" class="ax_default" data-label="滑动输入条" data-left="270" data-top="332" data-width="600" data-height="56">

        <!-- 灰色背景 (Rectangle) -->
        <div id="u8882" class="ax_default _形状" data-label="灰色背景">
          <div id="u8882_div" class=""></div>
        </div>

        <!-- 有色背景 (Rectangle) -->
        <div id="u8883" class="ax_default _默认样式" data-label="有色背景">
          <div id="u8883_div" class=""></div>
        </div>

        <!-- 数值1 (Speech Bubble) -->
        <div id="u8884" class="ax_default _默认样式" data-label="数值1">
          <img id="u8884_img" class="img " src="images/滑动输入条_slider/数值1_u8814.png"/>
          <div id="u8884_text" class="text ">
            <p><span>80</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8885" class="ax_default _默认样式">
          <div id="u8885_div" class=""></div>
        </div>
      </div>

      <!-- 滑动输入条 (Group) -->
      <div id="u8886" class="ax_default" data-label="滑动输入条" data-left="270" data-top="418" data-width="600" data-height="20">

        <!-- 灰色背景 (Rectangle) -->
        <div id="u8887" class="ax_default _形状" data-label="灰色背景">
          <div id="u8887_div" class=""></div>
        </div>

        <!-- 有色背景 (Rectangle) -->
        <div id="u8888" class="ax_default _默认样式" data-label="有色背景">
          <div id="u8888_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8889" class="ax_default _默认样式">
          <div id="u8889_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8890" class="ax_default _默认样式">
          <div id="u8890_div" class=""></div>
        </div>
      </div>

      <!-- 滑动输入条 (Group) -->
      <div id="u8891" class="ax_default" data-label="滑动输入条" data-left="270" data-top="468" data-width="600" data-height="57">

        <!-- 灰色背景 (Rectangle) -->
        <div id="u8892" class="ax_default _形状" data-label="灰色背景">
          <div id="u8892_div" class=""></div>
        </div>

        <!-- 有色背景 (Rectangle) -->
        <div id="u8893" class="ax_default _默认样式" data-label="有色背景">
          <div id="u8893_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8894" class="ax_default _默认样式">
          <div id="u8894_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8895" class="ax_default _默认样式">
          <div id="u8895_div" class=""></div>
        </div>

        <!-- 数值1 (Speech Bubble) -->
        <div id="u8896" class="ax_default _默认样式" data-label="数值1">
          <img id="u8896_img" class="img " src="images/滑动输入条_slider/数值1_u8814.png"/>
          <div id="u8896_text" class="text ">
            <p><span>80</span></p>
          </div>
        </div>

        <!-- 数值1 (Speech Bubble) -->
        <div id="u8897" class="ax_default _默认样式" data-label="数值1">
          <img id="u8897_img" class="img " src="images/滑动输入条_slider/数值1_u8814.png"/>
          <div id="u8897_text" class="text ">
            <p><span>20</span></p>
          </div>
        </div>
      </div>

      <!-- 滑动输入条 (Group) -->
      <div id="u8898" class="ax_default" data-label="滑动输入条" data-left="270" data-top="555" data-width="601" data-height="59">

        <!-- Unnamed (Rectangle) -->
        <div id="u8899" class="ax_default _默认样式">
          <div id="u8899_div" class=""></div>
          <div id="u8899_text" class="text ">
            <p><span>60</span></p>
          </div>
        </div>

        <!-- 灰色背景 (Rectangle) -->
        <div id="u8900" class="ax_default _默认样式" data-label="灰色背景">
          <div id="u8900_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8901" class="ax_default _默认样式">
          <div id="u8901_div" class=""></div>
          <div id="u8901_text" class="text ">
            <p><span>20</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8902" class="ax_default _默认样式">
          <div id="u8902_div" class=""></div>
          <div id="u8902_text" class="text ">
            <p><span>40</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8903" class="ax_default _默认样式">
          <div id="u8903_div" class=""></div>
          <div id="u8903_text" class="text ">
            <p><span>100</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8904" class="ax_default _默认样式">
          <div id="u8904_div" class=""></div>
          <div id="u8904_text" class="text ">
            <p><span>80</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u8905" class="ax_default _默认样式">
          <img id="u8905_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u8906" class="ax_default _默认样式">
          <img id="u8906_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u8907" class="ax_default _默认样式">
          <img id="u8907_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u8908" class="ax_default _默认样式">
          <img id="u8908_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u8909" class="ax_default _默认样式">
          <img id="u8909_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u8910" class="ax_default _默认样式">
          <img id="u8910_img" class="img " src="images/滑动输入条_slider/浮点6_u8853.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8911" class="ax_default _默认样式">
          <div id="u8911_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8912" class="ax_default _默认样式">
          <div id="u8912_div" class=""></div>
          <div id="u8912_text" class="text ">
            <p><span>0</span></p>
          </div>
        </div>
      </div>

      <!-- 滑动输入条 (Group) -->
      <div id="u8913" class="ax_default" data-label="滑动输入条" data-left="270" data-top="624" data-width="601" data-height="93">

        <!-- Unnamed (Rectangle) -->
        <div id="u8914" class="ax_default _默认样式">
          <div id="u8914_div" class=""></div>
          <div id="u8914_text" class="text ">
            <p><span>60</span></p>
          </div>
        </div>

        <!-- 灰色背景 (Rectangle) -->
        <div id="u8915" class="ax_default _默认样式" data-label="灰色背景">
          <div id="u8915_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8916" class="ax_default _默认样式">
          <div id="u8916_div" class=""></div>
          <div id="u8916_text" class="text ">
            <p><span>20</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8917" class="ax_default _默认样式">
          <div id="u8917_div" class=""></div>
          <div id="u8917_text" class="text ">
            <p><span>40</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8918" class="ax_default _默认样式">
          <div id="u8918_div" class=""></div>
          <div id="u8918_text" class="text ">
            <p><span>100</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8919" class="ax_default _默认样式">
          <div id="u8919_div" class=""></div>
          <div id="u8919_text" class="text ">
            <p><span>80</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u8920" class="ax_default _默认样式">
          <img id="u8920_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u8921" class="ax_default _默认样式">
          <img id="u8921_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u8922" class="ax_default _默认样式">
          <img id="u8922_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u8923" class="ax_default _默认样式">
          <img id="u8923_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u8924" class="ax_default _默认样式">
          <img id="u8924_img" class="img " src="images/滑动输入条_slider/浮点1_u8848.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u8925" class="ax_default _默认样式">
          <img id="u8925_img" class="img " src="images/滑动输入条_slider/浮点6_u8853.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8926" class="ax_default _默认样式">
          <div id="u8926_div" class=""></div>
          <div id="u8926_text" class="text ">
            <p><span>0</span></p>
          </div>
        </div>

        <!-- 有色背景 (Rectangle) -->
        <div id="u8927" class="ax_default _默认样式" data-label="有色背景">
          <div id="u8927_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8928" class="ax_default _默认样式">
          <div id="u8928_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8929" class="ax_default _默认样式">
          <div id="u8929_div" class=""></div>
        </div>

        <!-- 数值1 (Speech Bubble) -->
        <div id="u8930" class="ax_default _默认样式" data-label="数值1">
          <img id="u8930_img" class="img " src="images/滑动输入条_slider/数值1_u8814.png"/>
          <div id="u8930_text" class="text ">
            <p><span>80</span></p>
          </div>
        </div>

        <!-- 数值1 (Speech Bubble) -->
        <div id="u8931" class="ax_default _默认样式" data-label="数值1">
          <img id="u8931_img" class="img " src="images/滑动输入条_slider/数值1_u8814.png"/>
          <div id="u8931_text" class="text ">
            <p><span>20</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
